<?php
	$this->Html->script(array('jquery.maskedinput-1.2.2.min','maskinput','jquery.ui.datepicker-pt-BR','datepicker'), false);
	$this->Html->css(array('agenda'), null, array('inline' => false));
?>

<fieldset>
	<legend>Dados do Paciente</legend>
	<?php
		echo $this->Form->create('AgendaProcurar');
		echo $this->Form->input('id', array('type' => 'hidden'));
		echo $this->Form->input('paciente_id', array('type' => 'hidden'));
		echo $this->Form->input('data_inicial', array('label' => __('Data Inicial'), 'type' => 'text', 'class' => 'maskdata data', 'value' => date('d/m/Y')));
		echo $this->Form->input('data_final', array('label' => __('Data Final'), 'type' => 'text', 'class' => 'maskdata data', 'value' => $data_final));
		echo $this->Form->input('paciente_nome', array('type' => 'text', 'label' => __('Paciente'), 'class' => 'tamanho50'));
		echo $this->Form->input('primeira_vez', array('type' => 'select', 'options' => $primeira_vez, 'label' => __('Primeira Vez')));
		echo $this->Form->input('convenio_id', array('type' => 'select', 'empty' => 'Selecione...', 'class' => 'tamanho50', 'label' => __('Convênios do Paciente')));
		echo $this->Form->input('observacoes_do_convenio', array('label' => __('Observações do convênio'), 'type' => 'textarea', 'maxlength' => 500, 'readonly' => 'readonly', 'class' => 'readonly', 'style' => 'height:50px;width:99%'));
		echo $this->Form->input('especialidade_id', array('type' => 'select', 'class' => 'tamanho40', 'options' => $especialidades, 'empty' => 'Selecione...', 'label' => __('Especialidade')));
		echo $this->Form->input('tipo_procedimento_id', array('type' => 'select', 'class' => 'tamanho20', 'options' => $tipos_procedimento, 'empty' => 'Selecione...', 'label' => __('Tipo Procedimento')));
		echo $this->Form->input('procedimento_id', array('type' => 'select', 'class' => 'tamanho40', 'empty' => 'Selecione...', 'label' => __('Procedimento')));
		echo '<div class="botoes_form">';
		echo $this->Form->button('Procurar', array('type' => 'button', 'id' => 'bt_procurar'));
		echo '</div>'; 	
		echo $this->Form->end();
	?>
</fieldset>

<div id="resultado_procura"></div>

<div id="dialog_agendar" title="Agendar">
	<div id="dialog_agendar_conteudo"></div>
</div>

<script>

	$("#AgendaProcurarPacienteNome").focus();
	
	$("#AgendaProcurarPacienteNome").autocomplete({
		source: function( request, response ) {
			$.ajax({
				url: '<?php echo $this->request->base; ?>/pacientes/pesquisar/',
				dataType: "jsonp",
				data: {
					nome: request.term
				},
				success: function( data ) {
					response( $.map( data, function( item ) {
						return {
							id: item.id,
							value: item.value
						}
					}));
				}
			});
		},
		minLength: 3,
		select: function( event, ui ) {
			$("#AgendaProcurarPacienteId").val(ui.item.id);
			$("#AgendaProcurarPacienteNome").val(ui.item.value);
			carregar_convenios();
		},
		open: function() {
			$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
		},
		close: function() {
			$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
		}
	});

	$('#AgendaProcurarConvenioId').change(function(){

		buscar_observacoes_agenda();

	});	

	function carregar_convenios() {

		$.ajax({
			type: 'POST',
			url: '<?php echo $this->request->base; ?>/pacientes/get_convenios_list/' + $('#AgendaProcurarPacienteId').val(),
			async: false,
			beforeSend : function() {
				$('#AgendaProcurarConvenioId').html('<option>Carregando...</option>');
			},
			success: function(retorno){
				$('#AgendaProcurarConvenioId').html(retorno);
				buscar_observacoes_agenda();
			}
		});		
		
	}

	function buscar_observacoes_agenda() {
		
		$.ajax({
			type: 'POST',
			url: '<?php echo $this->request->base; ?>/convenios/buscar_observacoes_agenda/' + $('#AgendaProcurarConvenioId').val(),
			async: true,
			beforeSend : function() {
				$('#AgendaProcurarObservacoesDoConvenio').val('Carregando...');
			},
			success: function(retorno){
				$('#AgendaProcurarObservacoesDoConvenio').val(retorno);
			}
		});
				
	}

	$('#AgendaProcurarTipoProcedimentoId').change(function(){

		$.ajax({
			type: 'POST',
			url: '<?php echo $this->request->base; ?>/procedimentos/get_procedimentos_list/' + $(this).val(),
			async: true,
			beforeSend : function() {
				$('#AgendaProcurarProcedimentoId').html('<option>Carregando...</option>');
			},
			success: function(retorno){
				$('#AgendaProcurarProcedimentoId').html(retorno);
			}
		});		
		
	});

	$('#bt_procurar').click(function(){

		$.ajax({
			type: 'POST',
			url: '<?php echo $this->request->base; ?>/agendas/procurar_vaga/',
			async: true,
			data: {
				'data[Agenda][convenio_id]' 	: $('#AgendaProcurarConvenioId').val(),
				'data[Agenda][primeira_vez]'	: $('#AgendaProcurarPrimeiraVez').val(),
				'data[Agenda][data_inicial]'	: $('#AgendaProcurarDataInicial').val(),
				'data[Agenda][data_final]'		: $('#AgendaProcurarDataFinal').val(),
				'data[Agenda][convenio_id]'		: $('#AgendaProcurarConvenioId').val(),
				'data[Agenda][procedimento_id]'	: $('#AgendaProcurarProcedimentoId').val(),
				'data[Agenda][paciente_id]'		: $('#AgendaProcurarPacienteId').val(),
				'data[Agenda][especialidade_id]': $('#AgendaProcurarEspecialidadeId').val()
			},
			beforeSend : function() {
				$('#resultado_procura').html('Pesquisando...');
			},
			success: function(retorno){
				$('#resultado_procura').html(retorno);
			}
		});
		
	});

	$('#dialog_agendar').dialog({ autoOpen: false, minWidth: 620, minHeight: 570, modal: true });

	$('.agenda_opcoes').live('click',function(){

		var agenda_id = $(this).attr('key');

		$.ajax({
			type: 'POST',
			url: '<?php echo $this->request->base; ?>/agendas/alterar/' + agenda_id,
			async: true,
			beforeSend : function() {
				$('#dialog_agendar_conteudo').css('opacity','0.4');
				$('#dialog_agendar').dialog('open');
			},
			success: function(agenda){
				$('#dialog_agendar_conteudo').html(agenda).css('opacity','1');
			}
		});

	});

</script>